<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://googletagmanager.com">
  <meta name="title" content="Портфолио Денис Новиков">
  <meta name="description" content="Сайт со списком всех моих проектов">
  <meta name="keywords" content="Портфолио, фронтенд, react, redux, javascript, css, bootstrap, frontend, frontend developer">
  <meta name="robots" content="index, follow">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="language" content="Russian">
  <meta name="author" content="Денис Новиков">
  <link rel="icon" href="favicon.ico" />
    <meta name="theme-color" content="#64748B" />
    <meta property="og:title" content="Портфолио Денис Новиков">
  <meta property="og:description" content="Сайт моих проектов">
  <meta property="og:type" content="website">
  <title>Портфолио Денис Новиков</title>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="./css/animate.min.css">
  <link rel="stylesheet" href="./css/style.css">
  <style>
    html {
      font-family: 'Roboto', sans-serif;
    }
  </style>
  <script src="./js/ya.metrica.js"></script>

  <script async src="https://www.googletagmanager.com/gtag/js?id=G-2004SZCNZX"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-2004SZCNZX');
  </script>
</head>
<body class="dark:bg-gray-800 px-2 md:px-6">
  <noscript>
    <div>
      <img src="https://mc.yandex.ru/watch/86681754" style="position:absolute; left:-9999px;" alt="" />
    </div>
  </noscript>
  <header class="header wow fadeInDown">
    <div class="header__wrapper">
      <div class="header-content">
        <div>
          <h1 class=" text-2xl xl:text-3xl text-gray-800 dark:text-gray-300">Денис Новиков</h1>
          <div class="inline-flex items-center justify-center w-full py-2">
            <ul class="flex gap-4">
              <li class="header__item">
                <a target="_blank" href="https://github.com/Denison1526" class="header__link">
                  <img src="./img/github.svg" alt="Логотип гитхаб" class="header__image">
                </a>
              </li>
              <li class="header__item">
                <a target="_blank" href="https://t.me/Dionisio96" class="header__link">
                  <img src="./img/telegram-1.svg" alt="Логотип телеграмма" class="header__image">
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <nav class="navigation"><a class="navigation__link navigation__link_active" href="/">Проекты</a> <a class="navigation__link" href="/about/">Обо мне</a></nav>
    </div>
  </header>
  <main>
    <section class="work">
      <ul class="work__list animated" >
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/texnotent.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">texno-tent</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a class="work__link" href="https://texno-tent.ru/"><img src="./img/website.svg" alt="website view" class="w-6"><span>Site</span></a></li>
              </ul>
            <p class="work__description">Чехлы на автомобиль, мотоцыклы и т.д</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/css.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/js.svg" alt="JavaScript"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/pomodoro.jpeg')]">
          </div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">🍅🕰️ Pomodoro_box</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a target="_blank" class="work__link" href="https://github.com/Denison1526/Pomodoro"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
                <li class="inline-flex"><a class="work__link" href="https://masawik.github.io/pomodoro_box/"><img src="./img/website.svg" alt="website view" class="w-6"><span>Site</span></a></li>
              </ul>
            <p class="work__description">Таймер по технике помидорок со статистикой</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/css.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/react.svg" alt="react"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/reddit.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">Reddit</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a class="work__link" href="https://github.com/Denison1526/Reddit"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
              </ul>
            <p class="work__description">Клиентское приложение reddit</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/css.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/react.svg" alt="react"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/crm.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">🤵‍♂️ CRM</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a target="_blank" class="work__link" href="https://github.com/Denison1526/CRM"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
              </ul>
            <p class="work__description">CRM система</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/css.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/js.svg" alt="JavaScript"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/todoapp.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">📋 TODO App</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a class="work__link" href="https://github.com/Denison1526/TODO"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
              </ul>
            <p class="work__description">Общение клиента с сервером в виде приложения списка дел для семьи</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/bootstrap-5-1.svg" alt="bootstrap"></li>
              <li><img class="work__technology-image" src="./img/js.svg" alt="JavaScript"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/game.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">🎮 Игра в пары</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a class="work__link" href="https://github.com/Denison1526/Game"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
                <li class="inline-flex"><a class="work__link" href="https://denison1526.github.io/Game/"><img src="./img/website.svg" alt="website view" class="w-6"><span>Site</span></a></li>
              </ul>
            <p class="work__description">Увлекательная игра на время, где вам необходимо найти все пары на поле</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/bootstrap-5-1.svg" alt="bootstrap"></li>
              <li><img class="work__technology-image" src="./img/js.svg" alt="JavaScript"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/study.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">🧑‍🎓 Таблица студентов</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a class="work__link" href="https://github.com/Denison1526/Student"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
                <li class="inline-flex"><a class="work__link" href="https://denison1526.github.io/Student/"><img src="./img/website.svg" alt="website view" class="w-6"><span>Site</span></a></li>
              </ul>
            <p class="work__description">Интерактивная таблица студентов с возможностью сложной фильтрации</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/bootstrap-5-1.svg" alt="bootstrap"></li>
              <li><img class="work__technology-image" src="./img/js.svg" alt="JavaScript"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/blanchard.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">🖼️ blanchard - художественная галерея</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a class="work__link" href="https://github.com/Denison1526/blanchard"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
                <li class="inline-flex"><a class="work__link" href="https://denison1526.github.io/blanchard/"><img src="./img/website.svg" alt="website view" class="w-6"><span>Site</span></a></li>
              </ul>
            <p class="work__description">Лендинг картинной галереи</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/css.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/js.svg" alt="JavaScript"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/cld.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">📐⚒️ Евклид - проектные системы</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a class="work__link" href="https://github.com/Denison1526/Evklid"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
                <li class="inline-flex"><a class="work__link" href="https://denison1526.github.io/Evklid/"><img src="./img/website.svg" alt="website view" class="w-6"><span>Site</span></a></li>
              </ul>
            <p class="work__description">Лендинг компании по проектированию.</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/css.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/js.svg" alt="JavaScript"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/3d.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">🎲 Skillbox - 3d моделирование</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a class="work__link" href="https://github.com/Denison1526/3D-modeling-courses"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
                <li class="inline-flex"><a class="work__link" href="https://denison1526.github.io/3D-modeling-courses/"><img src="./img/website.svg" alt="website view" class="w-6"><span>Site</span></a></li>
              </ul>
            <p class="work__description">Лендинг для курса от Skillbox по 3d моделированию</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/bootstrap-5-1.svg" alt="bootstrap"></li>
            </ul>
          </div>
        </li>
        <li class="work__item">
          <div class="work__preview bg-[url('../img/projects/lagoona.jpeg')]"></div>
          <div class="work__content-wrapper">
            <h2 class="work__headline">🌴 Lagoona</h2>
              <ul class="work__view-list">
                <li class="inline-flex"><a class="work__link" href="https://github.com/Denison1526/Lagoona"><img src="./img/github.svg" alt="github view"><span>Git</span></a></li>
                <li class="inline-flex"><a class="work__link" href="https://denison1526.github.io/Lagoona/"><img src="./img/website.svg" alt="website view" class="w-6"><span>Site</span></a></li>
              </ul>
            <p class="work__description">Pixel Perfect верстка макета для сети отелей Lagoona</p>
            <ul class="work__technology-list">
              <li><img class="work__technology-image" src="./img/html.svg" alt="html 5"></li>
              <li><img class="work__technology-image" src="./img/css.svg" alt="html 5"></li>
            </ul>
          </div>
        </li>

      </ul>
    </section>
  </main>
  <script src="./js/wow.min.js"></script>
  <script>
    document.querySelectorAll('.work__item').forEach((item, index) => {
      item.classList.add('wow', 'fadeInUp')
      item.setAttribute('data-wow-delay', `0.1s`)
    })
    new WOW().init();
  </script>
</body>
</html>
